.van-popup--center {
  width: 90% !important;
  background: rgba(234, 240, 240, 1);
  border-radius: 32px;
  overflow: hidden;

  .report-result {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    position: relative;
    overflow: hidden;

    .report-result-top {
      width: 100%;
      margin: 0 40px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: #FFFFFF;
      padding: 8px 0 12px 0;
      font-family: PingFangSC, PingFang SC, serif;

      .name {
        font-size: 72px;
        color: #0059B3;
        height: 174px;
        padding-left: 50px;
        line-height: 174px;
        font-family: PingFangSC, PingFang SC, serif;
      }

      .button {
        display: inline-block;
        font-family: PingFangSC, PingFang SC, serif;
        font-size: 50px;
        color: #6C7478;
        flex-wrap: nowrap;
        white-space: nowrap;
        line-height: 72px;
        cursor: pointer;
        padding-right: 50px;
      }

    }

    .patient-wrap {
      width: calc(100% - 80px);
      max-height: 870px;
      overflow: auto;

      &::-webkit-scrollbar {
        width: 0;
        height: 0;
        position: relative;
        z-index: 99999999999;
      }

      .patient-inside {
        display: flex;
        margin: 30px 0;
        flex-shrink: 0;
        flex-direction: column;

        .header {
          text-align: center;
          font-weight: 500;
          font-size: 60px;
          color: #333333;

          display: flex;
          flex-wrap: nowrap;
          justify-content: center;
          height: 100%;
          min-height: 200px;
          min-width: inherit;

          .flex-box-left {
            min-width: 66px;
            min-height: 66px;
            flex: inherit;
            align-self: center;
            background: transparent;
            border: none;

            img {
              width: 100%;
              height: 100%;
            }
          }

          .middle {
            padding: 0 50px;
            font-size: 60px;
            line-height: 1.5;
            border: none;
            flex: inherit;
            max-width: calc(100% - 132px);
            background: transparent;
            justify-content: center;
            align-self: center;
            text-align: center;
            box-sizing: border-box;
          }

          .flex-box-right {
            flex: inherit;
            align-self: center;
            min-width: 66px;
            min-height: 66px;
            background: transparent;
            border: none;
            img {
              width: 100%;
              height: 100%;
            }
          }
        }


        .patient-inside-info {
          border-radius: 20px;
          margin: 15px auto;
          align-self: center;
          align-items: center;
          padding: 30px 30px 28px 30px;
          box-sizing: border-box;
          background: white;
          width: 100%;

          .flex-box {
            width: 100%;
            min-width: 100%;
            min-height: auto;

            &:last-child {
              margin-bottom: 0;
            }

            .item {
              font-size: 80px;
              border: none;
              min-height: auto;
              background: transparent;

              p {
                font-size: 80px;
              }
            }

            .flex-box-left {
              flex-basis: 150px;
              margin-right: 30px;

              img {
                width: 100%;
                height: 100%;
                overflow: hidden;
                border-radius: 12px;
              }
            }

            .flex-box-right {
              display: flex;
              flex-shrink: 0;
              flex-basis: calc(100% - 180px);
              flex-direction: column;

              .name-level {
                display: flex;
                justify-content: flex-start;
                .name {
                  font-size: 54px;
                  color: #333333;
                  line-height: 74px;
                  width: 180px;
                  margin-bottom: 20px;
                  margin-right: 40px;
                  flex-shrink: 0;
                  box-sizing: border-box;
                  font-family: PingFangSC, PingFang SC, serif;
                }

                .level {
                  font-size: 30px;
                  color: white;
                  padding: 10px 18px;
                  background: #0059B3;
                  border-radius: 10px;
                  align-self: center;
                  white-space: nowrap;
                  overflow: hidden;
                  max-width: calc(100% - 180px);
                }

              }

              .dept {
                display: flex;
                flex-direction: row;

                .desc {
                  @include multiLineEllipsis(2);
                  font-size: 32px;
                  color: #999999;
                  line-height: 54px;
                  font-weight: normal;
                  flex-basis: calc(100% - 260px);
                }

                .button-wrap {
                  flex-basis: 260px;

                  .bottom {
                    display: flex;
                    align-items: center;
                    align-self: center;
                    justify-content: flex-end;
                    padding-bottom: 20px;

                    .button {
                      border-radius: 100px;
                      line-height: 95px;
                      font-size: 50px;
                      padding: 0 76px;
                      color: #E8E8E8;
                      background: #0059B3;
                      box-shadow: 0 9px 0 rgba(0, 89, 179, 0.5), 0 9px 25px rgba(0, 89, 179, 0.06);
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}
